<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>Forum</title>
	
	<style type="text/css">
body{
	background-color:steelblue;
}
div#pstbx {
	top:100px;
	width:auto;
	height:60%;
}
div#fom1 {
	position:absolute;
	padding:10px;
	width:27%;
	height:auto;
	top:35px;
	left:70%;
	text-align:left;
	color:Black;
	background-color:white;
}
div#ttl {
	background-color:chocolate;
	font-size:25;
}
div#cnts {
	background-color:black;
	color:white;
	font-size:20;	
}
div#ppl {
	background-color:steelblue;
	color:white;
	text-align:right;
	font-size:25;	
}
div.scrl_1 {
	position:absolute;
	top:35px;
	width:69%;
	height:95%;
	overflow:auto;
}
div#lnks {
	height:auto;
	width:auto;
	padding:4px;
	background-color:white;
	text-align:right;
	font-size:15;
}
</style>	
	<meta name="generator" content="TextMate http://macromates.com/">
	<meta name="author" content="姚 远">
	<!-- Date: 2009-07-06 -->
</head>
<body>
<div id = lnks><A href="/">Board</A>&nbsp&nbsp;<A href="Forum.html">Forum</A>&nbsp&nbsp;{{user}}</div>
	<div id=pstbx>
		<div class = scrl_1>
			{% for topic in tpics %}
				<div id = ttl>
					<A href="topic.html?id={{topic.key.id}}">{{topic.ttl}}</A>
				</div>
				<div id = cnts>
					{{topic.cnts}}
				</div>
				<div id = ppl>
					{{topic.who}}</br>
				</div>
			{% endfor %}
		</div>
	</div>
	<div id=fom1>
		<form action="" method="post" accept-charset="utf-8">
			<p><input type="text" name="ttl" value="Topic" id="ttl">
			<p><textarea name="cnts" id="cnts" style="width:220px;height:50px;" onfocus="this.value = ( this.value == this.defaultValue ) ? '' : this.value;return true;" onfocusout="this.value = 1">Say something...</textarea></p>
			<p><input type="submit" value="Submit"></p>
		</form>
	</div>
	
	hrhehe
</body>
</html>
